/* CSS Boiler Plate Start*/

  *{
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    text-decoration: none;
    scroll-behavior: smooth;
    
}
/* CSS Boiler Plate End */


  /* Defined Constant (Root) Start   */
    
  :root {
    --text-color: black;
    --secondary-color: #5151ef;
    --main-color: white;
    --light-bg-color:rgb(246,246,246);
    --dark-bg-color:rgb(15, 15, 40);
    --sub-text-color: #808080;
    --pane-padding: 32px 100px;
    --primary-font-family: 'Poppins', sans-serif;
    --primary-font-weight: 450; 
    --primary-font-style: normal;
    --primary-font-size: 22px;
    
    
    }
   /* Defined Constant (Root) End */


  /* About Start  */
  .about-page{
    display: flex;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: var(--light-bg-color);
  }
  .about-left{
    width: 42%;
    padding-left: 100px;
    
    h2 {
            font-size: 40px;
            font-family: "Poppins", sans-serif;
            font-weight: 650;
            font-style: normal;
            
            
            
        }

    p{
        font-size: 22px;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-style: normal;
        padding-top: 12px;
        padding-bottom: 20px;
        color: var(--sub-text-color);
    }

    button{
        background-color: var(--secondary-color);
        padding: 16px 32px;
        border-radius: 10px;
        border: 0px solid;
        color: white;
        font-size: 18px;
        cursor: pointer;
        
    }
  }
  
  .about-right{
    width: 50%;
    img{
        width: 600px;
        margin-left: 120px;
        margin-top: 40px;
        border-radius: 20px;
    }
  }
  /* About End  */


    /* Responsive Start  */
    @media (max-width:617px) {
       .about-page{
        display: flex;
        flex-direction: column;
       }
       .about-left{
        width: 90%;
        padding-left: 30px;

        h2{
            font-size: 30px;
        }
        p{
            font-size: 18px;
        }
        button{
            padding: 10px 20px;
            font-size: 14px;
        }
       }

       .about-right{
        width: 90%;

        img{
            width: 300px;
            margin-left: 30px;
            
            
        }
       }
      }
      /* Responsive End  */